草庐IT

Android表面 View 动画

全部标签

javascript - 如何使用@angular/animations 为 ScrollTop 设置动画?

我正在尝试从Material.io复制这个动画:在上面的示例中,只需像点击第一张卡片那样导航高度就很简单。只是动画高度属性。问题在于点击第二张卡片,然后将其他卡片推开。一个解决方案是使用滚动来模拟事物被推开的效果。因此,当您单击该项目时,它会通过设置高度动画使其变高,同时还会ScrollView。我的问题:我似乎无法弄清楚如何使用@angular/animations制作滚动动画。我不能使用style({scrollTop:100}),它只允许根据documentation的CSS属性.我如何实现这一目标?如果出于维护原因(为了将整个动画保持在代码中的1个位置),我可以将它作为anim

javascript - 使用 Javascript/JQuery 为移动网络(android、iOS、Windows Phone)突出显示/选择元素上的文本

我试图通过允许用户点击/触摸一个元素来加快在所有移动网络浏览器(Android、iOS和WindowsPhone)中“复制和粘贴”文本的过程,它会自动“选择/突出显示”该元素内的文本。✔我想要发生的事情:点击输入元素和“全选”文本。按住突出显示的文本,允许出现“复制或剪切”原生选项。尝试1:http://jsfiddle.net/w3R6u/2/HTMLJQUERY$("input").click(function(){window.document.execCommand('SelectAll',true);});..尝试2:http://jsfiddle.net/w3R6u/4/H

javascript - ng-view 和 ng-animate 一起执行指令两次

当我使用angularjs1.1.4的ng-view和ng-animate时,我注意到指令被执行了两次。一次用于View中进入屏幕的元素,一次用于View中离开屏幕的元素(当View进入屏幕时已经为元素执行了指令)。根据我的理解,指令应该只对进入屏幕的元素执行,而不是对离开的元素执行。还是我错过了什么?foobar{{count}}varapp=angular.module('app',[]);app.config(function($routeProvider,$locationProvider){$routeProvider.when('/',{template:'foo'}).w

javascript - Aurelia:单例 View 中的静态自定义元素

我有一个带有单例View模型的Aurelia应用程序。该View类似于文件浏览器,左侧是TreeView(自定义元素),右侧是ListView。View模型activationStrategy是invokeLifecycle,ListView根据路由参数填充。展开节点时,TreeView会填充AJAX调用。树节点也是自定义元素。TreeView是完全自定义的,不使用任何第3方插件。当用户导航到另一条路线,然后再次返回同一路线时,View模型会保留,因为它是单例。但是,TreeView不是因为自定义元素不支持作为单例。我理解不支持单例自定义元素的原因。但是,我想知道在导航回同一路线时以某

javascript - JS 动画架构设计以获得最佳性能

GreenSockanimationengine的性能提升非常戏剧化。为了实现这些yield,该图书馆做出了哪些潜在的架构决策和权衡?特别是,这个引擎与jQueryanimate有什么不同?? 最佳答案 greensock的人们给出了很好的回答:全面使用高度优化的JavaScript(这需要很多诸如使用链表、局部变量、快速查找之类的东西表格、内联代码、按位运算符、利用原型(prototype)而不是为每个实例重新创建函数/变量等)设计平台的结构,使其非常适合很好地应对高压情况,最大限度地减少函数调用和确保事情对gc友好。在一次更新中

javascript - 使用 angular.js 使用 ui-router,如何只重新加载一个 View ?

我有一个使用angular.js的相当简单的待办事项应用程序,我正在为此使用ui-router库。我查看了github(https://github.com/angular-ui/ui-router/tree/master/sample)上的ui-router示例,但无法弄清楚我做错了什么。在我的应用程序中,我有一个侧边栏导航View(带有待办事项列表)和一个内容View(单击时显示待办事项的详细信息)。我遇到的问题是,当我导航到/todo/exampleItem时,内容View会更新并且导航面板也会重新加载。这不会影响应用程序的功能,但我想避免每次单击项目时导航面板闪烁。这是我处理状

javascript - 键盘显示时 Ionic ion-content 不向下滚动 (Android)

我有一个带有登录表单的简单View。在Android上,如果键盘打开,内容不会向上滚动以防止它位于键盘后面。我按照文档中的键盘说明进行操作,并阅读了很多论坛帖子,但我还没有弄明白。我安装了键盘插件com.ionic.keyboard。这是页面的结构:.....Loginform.....如果我在页面中放置一些额外的虚拟内容,它表明ion-content确实是可滚动的。但是,当通过专注于输入打开键盘时,它不会向上移动。ionic版本?1.0.0-beta.13我的应用程序是全屏的吗?没有我是否测试过键盘插件是否正常工作?是的还有什么需要我做的吗? 最佳答案

javascript - velocity-react - 在组件更新后动画 scrollTop

我正在编写一个简单的“控制台”,以类似聊天的方式显示消息。消息从底部出现,并向上移动。我有工作代码,但我想通过每次添加新的“li”时将容器滚动到底部来动画显示消息。当前代码:importReactfrom'react';import{render,findDOMNode}from'react-dom';exportdefaultReact.createClass({componentDidUpdate:function(){varnode=findDOMNode(this);node.scrollTop=node.scrollHeight;},render(){return({this

javascript - Raphael JS -- 动画 .text()

所以我正在使用RaphaelJS来尝试animate.这是我尝试过的:$(window).load(function(){varR=Raphael("holder",640,480);vartest=R.text(200,200,"Teststring");test.animate({cx:20,cy:20},2000);});而我的文字仍然是200,200。关于为什么这行不通的任何想法? 最佳答案 animate函数只能对某些属性进行动画处理,并且只能对属于该特定对象的属性进行动画处理。文本对象没有cx或cy属性-因此您的示例代码

javascript - Angular JS 1.2 - 使用 ng-show 动画化子元素

最亲爱的stackoverflowers,我是AngularJS的新手并且阅读了一些stuff关于如何以Angular方式制作动画,我仍然对如何正确实现它以及何时何地添加哪些类感到非常困惑。我觉得使用传统的jQuery(添加和删除类)我可以更好地控制我的动画。但也许这只是因为我已经习惯了那样。在页面加载时,我希望某些元素具有动画效果。因此在我的Controller中,在页面加载时,变量(pageLoaded)被设置为true。我周围的内容包装div将具有ng-show="pageLoaded"。通过这种方式,我使用以下CSS转换/动画成功地在整个页面上添加了动画:.page.ng-hi